<template>
  <Card>
    <div class="notice">
      <div class="n-left">
        <img src="~/static/img/bugle.svg"/>
        <span>公告</span>
        社区发帖回复规范
      </div>
      <div class="n-right">
        <el-link>更多<i class="el-icon-arrow-right"></i></el-link>
      </div>
    </div>
  </Card>
</template>

<script>
import Card from "./Card";

export default {
  name: "Notice",
  components: {Card}
}
</script>

<style scoped lang="less">
.notice {
  display: flex;

  .n-left {
    flex: 1;
  }

  .n-right {
    flex: 0 0 50px;
  }
}
</style>
